﻿<%@ Language="VBScript" %>


<html lang="en">
    <head>
        <!--DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"-->
        <meta name="description" content="Once the exclusive domain of monastics and clerics, 
		retreats have become commonplace in the spiritual journey of the laity. 
		In a world where it has become difficult to find the holy, retreats provide the space and 
		time to rediscover the mystery of being loved by God. There is no right or wrong way to 
		make a retreat; there is simply the individual and God, and a mysterious deepening of one's 
		love for God.">
		
		<meta name="keywords" content="retreats, spiritual journey, laity, love for God, renewal, 
		Redemptorists, Milwaukee, Wisconsin, Chicago, Illinois, Madison, spiritual renewal, 
		holiness, Jesus Christ, Christianity, St. Alphonsus, Liguori, poor, marginalized, missions, 
		evangelize, evangelization, Catholic, Catholicism, saints, Holy Spirit, God, mystery, Celtic
		Spirituality, Contemplative, Franciscan, Sacraments, personal growth, spiritual enrichment, vocations
		priests, CSSR, cssr">
		<title>I Want to Help</title>
		<LINK rel="stylesheet" type="text/css" href="RRC.css">
        <title></title>

        <script type="text/javascript">
            function formValidate() {
                var i, len, cTotal, inputs = document.getElementsByTagName("input");
                len = inputs.length;
                //alert("Inputs.length=" + len)

                cTotal = 0;

                // Let's see if there are any checkboxes checked
                for (i = 0; i < len; i++) {
                    if (inputs[i].type == 'checkbox' && inputs[i].checked) {
                        cTotal++;
                    }
                }

                //alert("cTotal=" + cTotal);
                if (cTotal == 0) {
                    alert('Please select at least one activity for volunteering.');
                    return false;
                }

                // Check the textboxes for values
                if (!checkText('Volname', 3, 'Please enter your Full Name.')) return false;
                if (!checkText('Address', 5, 'Please enter your Full Address.')) return false;
                if (!checkText('City_State_Zip', 5, 'Please enter your City, State and Zip Code.')) return false;
                if (!checkText('Telephone', 12, 'Please enter your phone number in the following format xxx xxx-xxxx.')) return false;
                if (!checkText('Email', 5, 'Please enter your Full Email Address.')) return false;


                // If we got this far, everything should be OK.
                return true;
            }

            function submitInfo() {
                if (formValidate()) {
                    document.Form1.submit();
                    //alert("Simulated Submission")
                }
            }

            function checkText(tBoxName, minLen, errMsg) {
                tName = document.getElementById(tBoxName);
                tbLen = tName.value.length;

                tName.style.backgroundColor = 'white';
                if (tbLen < minLen) {
                    alert(errMsg);
                    tName.style.backgroundColor = 'yellow';
                    tName.focus();
                    return false;
                }
                return true;
            }
        </script>
    </head>
    <body>
		<table width="90%" border="0" cellspacing="0" cellpadding="0" align="center">
			<tr valign="top"> 
				<td width="20%">
					<!-- #include file="MenuSide.asp" -->
				</td>
				<td align="center" >
					<div class="Header"><h1>Help Needed</h1></div>
					<div class="Header">I Want to Help</div>
					<!-- =========== Start of Page Content =========== -->
					<div align="center">
						<div align="center" class="Header">
							<h4>Please Contact me at your Convenience</h4>
						</div>
						<form name="Form1" method="post" action="VolMail.asp">
							<table>
								<tr>
									<td colspan="3" align="center">
										<h4>I am interested in helping with</h4>
									</td>
								</tr>
								<tr>
									<td>
										Office Assistance:
									</td>
									<td>
										Maintenance:
									</td>
									<td>
										Landscaping:
									</td>
								</tr>
								<tr>
									<td valign="top">
										<p>
										  <input type="checkbox" name="Bulk_Mailing" value="YES" tabindex="1">
										  Bulk Mailing</p>
										<p>
										  <input type="checkbox" name="Computer_Maintenance" value="YES" tabindex="2">
										  Computer Maintenance</p>
										<p>
										  <input type="checkbox" name="Data_Entry" value="YES" tabindex="3">
										  Data Entry</p>
										<p>
										  <input type="checkbox" name="General_Office_Aid" value="YES" tabindex="4">
										  General Office Aid</p>
										<p>
										  <input type="checkbox" name="Library_Aid" value="YES" tabindex="5">
										  Library Aid</p>
										<p>
										  <input type="checkbox" name="Word_Processing" value="YES" tabindex="6">
										  Word Processing</p>
										<p>&nbsp;
									</td>
									<td valign="top">
										<p>
										  <input type="checkbox" name="Carpentry" value="YES" tabindex="7">
										  Carpentry</p>
										<p>
										  <input type="checkbox" name="Electrical" value="YES" tabindex="8">
										  Electrical</p>
										<p>
										  <input type="checkbox" name="HVAC" value="YES" tabindex="9">
										  HVAC</p>
										<p>
										  <input type="checkbox" name="Painting" value="YES" tabindex="10">
										  Painting</p>
										<p>
										  <input type="checkbox" name="Plumbing" value="YES" tabindex="11">
										  Plumbing</p>
										<p>
										  <input type="checkbox" name="Refrigeration" value="YES" tabindex="12">
										  Refrigeration</p>
										<p>
										  <input type="checkbox" name="Roofing_Gutters" value="YES" tabindex="13">
										  Roofing/Gutters</p>
										<p>
										  <input type="checkbox" name="Road_Repair" value="YES" tabindex="14">
										  Road Repair</p>
										<p>
										  <input type="checkbox" name="Small_Engine_Repair" value="YES" tabindex="15">
										  Small Engine Repair</p>
										<p>
										  <input type="checkbox" name="Window_Washing" value="YES" tabindex="15">
										  Window Washing</p>
									</td>
									<td valign="top">
										<p>
										  <input type="checkbox" name="Brush_Removal" value="YES" tabindex="16">
										  Brush Removal</p>
										<p>
										  <input type="checkbox" name="Flower_and_Plant_Care" value="YES" tabindex="17">
										  Flower and Plant Care</p>
										<p>
										  <input type="checkbox" name="Leaf_Raking" value="YES" tabindex="18">
										  Leaf Raking (Spring and Fall)</p>
										<p>
										  <input type="checkbox" name="Tree_and_Bush_Pruning" value="YES" tabindex="20">
										  Tree and Bush Pruning</p>
										<p>
										  <input type="checkbox" name="Weeding" value="YES" tabindex="21">
										  Weeding</p>
									</td>
								</tr>
							</table>
							<p>&nbsp;</p>
							<table>
								<tr> 
									<td align="right" class="TableCat">
										Name:
									</td>
									<td>
										<input name="Volname" id="Volname" size="50">
									</td>
								</tr>
								<tr> 
									<td align="right" class="TableCat">
										Address:
									</td>
									<td>
										<input name="Address" id="Address" size="50">
									</td>
								</tr>
								<tr> 
									<td align="right" class="TableCat">
										City, State, Zip:
									</td>
									<td>
										<input type="text" name="City_State_Zip" id="City_State_Zip" size="50">
									</td>
								</tr>
								<tr> 
									<td align="right" class="TableCat">
										Telephone:
									</td>
									<td>
										<input name="Telephone" id="Telephone" size="50">
									</td>
								</tr>
								<tr> 
									<td align="right" class="TableCat">
										E-mail:
									</td>
									<td>
										<input name="Email" id="Email" size="50">
									</td>
								</tr>
                                <tr>
                                    <td align="right" class="TableCat">
                                        Comments:<br>(Optional)
                                    </td>
                                    <td>
                                        <textarea name="Comments" id="Comments" cols="50" rows="6"></textarea>
                                    </td>
                                </tr>
								<tr>
									<td colspan="2" align="center">
										<!--input type="submit" name="SubmitButton" value="Submit"-->
                                        <input type="button" name="mySubmit" value="Submit" onclick="submitInfo()">
										<input type="reset" name="Reset" value="Reset">
									</td>
								</tr>
							</table>
						</form>
					</div>
					<!-- =========== End of Page Content =========== -->
				</td>
			</tr>
			<tr> 
				<td>&nbsp;</td>
				<td>
					<!-- #include file="MenuBottom.asp" -->
				</td>
			</tr>
		</table>        
    </body>
</html>
